/** @type {import('tailwindcss').Config} */
export default {
    content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
    theme: {
        screens: {
            phone: "480px",
            tablet: "640px",
            laptop: "1024px",
            desktop: "1280px",
        },
        extend: {
            colors: {
                blue: "#0055FF",
                "font-blue": "#272636",
                "font-blue-300": "#00246D",
                "font-blue-200": "#3C517D",
                "font-blue-100": "#59647B",
                "dark-blue": "#003AAD",
                "light-blue": "#687EAE",
            },
        },
    },
    colors: {
        pink: "#ff49db",
        orange: "#ff7849",
        green: "#13ce66",
        "gray-dark": "#273444",
        gray: "#8492a6",
        "gray-light": "#d3dce6",
    },
    plugins: [],
};
